<div class="panel panel-default panel-intro">
  <div class="panel-heading">
    {:build_heading(null,FALSE)}
    <ul class="nav nav-tabs">
      {if isset($status)}
      <li><a href="#all" data-toggle="tab">{:__('All')}</a></li>
      {foreach name="statusList" item="vo"}
      <li class="{if $status == $key}active{/if}" data-status="{$key}">
        <a href="#{$key|htmlentities}" data-toggle="tab" data-value="{$key}"
          >{$vo|htmlentities}
          <!-- 空 badge，初始无内容，后续由 JS 动态填充 -->
          <span
            class="badge badge-pill badge-danger"
            style="background-color: red"
          ></span
        ></a>
      </li>
      {/foreach} {else}
      <li class="active"><a href="#all" data-toggle="tab">{:__('All')}</a></li>
      {foreach name="statusList" item="vo"}
      <li data-status="{$key}">
        <a href="#{$key|htmlentities}" data-toggle="tab" data-value="{$key}"
          >{$vo|htmlentities}
          <!-- 空 badge，初始无内容，后续由 JS 动态填充 -->
          <span
            class="badge badge-pill badge-danger"
            style="background-color: red"
          ></span
        ></a>
      </li>
      {/foreach} {/if}
    </ul>
  </div>

  <div class="panel-body">
    <div id="myTabContent" class="tab-content">
      <div class="tab-pane fade active in" id="one">
        <div class="widget-body no-padding">
          <div id="toolbar" class="toolbar">
            <a
              href="javascript:;"
              class="btn btn-primary btn-refresh"
              title="{:__('Refresh')}"
              ><i class="fa fa-refresh"></i>
            </a>
          </div>
          <table
            id="table"
            class="table table-striped table-bordered table-hover table-nowrap"
            width="100%"
          ></table>
        </div>
      </div>
    </div>
  </div>
</div>
